<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
    
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<title>Login</title>

	<c:import url="/templates/preCabecalho.jsp"></c:import>
	
	<script type="text/javascript" src="${pageContext.request.contextPath}/resources/js/login/login.js"></script>
	
	<script type="text/javascript" src="${pageContext.request.contextPath}/resources/js/login/loginFormulario.js"></script>
	
</head>
<body>
	<div class="container">    
        <div id="loginbox" style="margin-top:50px;" class="mainbox col-md-6 col-md-offset-3 col-sm-8 col-sm-offset-2">                    
            <div class="panel panel-info" >
                    <div class="panel-heading">
                        <div class="panel-title">${msgs.login_label_entrar}</div>
                        <div style="float:right; font-size: 12px; margin-top:-35px">
                        	
                        	<div>
                        		<a href="${pageContext.request.contextPath}/locale?action=ptBr">
                        			<img src="${pageContext.request.contextPath}/resources/images/flagBrasil.png"/>
                        		</a>
                        		
                        		<a href="${pageContext.request.contextPath}/locale?action=enUs">
                        			<img src="${pageContext.request.contextPath}/resources/images/flagEua.png"/>
                        		</a>
                        	
                        	</div>
                        	
                        <a href="#">${msgs.login_label_esqueceu_senha}</a></div>
                    </div>     

                    <div style="padding-top:30px" class="panel-body" >
                    
                    <%-- Essa div será apresentada a nivel de client side e não no servido --%>
                    <div id="login-alert-js" class="alert alert-danger campo_invisivel">
                    
                    	<div id="msgUsuarioObrigatorio"></div>
                    	
                    	<div id="msgSenhaObrigatoria"></div>

                    </div>
                    
                    <%-- Essa verificação ocorre no servidor e não no client side --%>
                    <c:if test="${not empty flagUsuario or not empty flagSenha or not empty usuarioBanco}">
                    

                        <div id="login-alert" class="alert alert-danger">
                        	
                        	<c:if test="${not empty flagUsuario }">	
                        		<div>${msgs.login_validacao_usuario_vazio}</div>
                        	</c:if>
                        	
                        	<c:if test="${not empty flagSenha }">
                        		<div>${msgs.login_validacao_senha_vazia}</div>
                        	</c:if>
                        	
                        	<c:if test="${not empty usuarioBanco }">
                        		<div>${msgs.login_validacao_usuario_ou_senha_invalido}</div>
                        	</c:if>
                        	
                        </div>
                        
                    </c:if>
                            
                        <form id="loginform" class="form-horizontal" role="form" method="post" action="login">
                                    
                            <div style="margin-bottom: 25px" class="input-group">
                                        <span class="input-group-addon"><i class="glyphicon glyphicon-user"></i></span>
                                        
                                        <c:if test="${empty cookie.usuarioCookie}">
                                        
                                        	<input id="login-username" type="text" class="form-control" name="usuario" value="" placeholder="${msgs.login_label_input_usuario}"> 
                                        	                                       
                                    	</c:if>

										<c:if test="${not empty cookie.usuarioCookie}">
                                        
                                        	<input value="${cookie.usuarioCookie.value}" id="login-username" type="text" class="form-control" name="usuario" value="" placeholder="${login_label_input_usuario}"> 
                                        	                                       
                                    	</c:if>
										
                                    </div>
                                
                            <div style="margin-bottom: 25px" class="input-group">
                                        <span class="input-group-addon"><i class="glyphicon glyphicon-lock"></i></span>
                                        <input id="login-password" type="password" class="form-control" name="senha" placeholder="${msgs.login_label_input_senha}">
                                    </div>
                                    

                                
                            <div class="input-group">
                                      <div class="checkbox">
                                        <label>
    										
    										<%--Irá cair nessa condição quando o usuário entrar no login pela primeira vez ou quando 
    										ele entrar em outra situação e tiver colocado para não lembrar o usuário --%>
                                           <c:if test="${empty cookie.lembrarUsuarioCookie or cookie.lembrarUsuarioCookie.value eq 'n'}">
                                           
                                        	  <input id="login-remember" type="checkbox" name="lembrarUsuario" value="1"> ${msgs.login_label_lembrar_autenticacao}
                                          
                                           </c:if>	
                                           
                                           
                                           <%-- É como um else da condição de cima --%>
                                           <c:if test="${not empty cookie.lembrarUsuarioCookie and cookie.lembrarUsuarioCookie.value ne 'n'}">
                                           
                                        	  <input checked="checked" id="login-remember" type="checkbox" name="lembrarUsuario" value="1"> ${msgs.login_label_lembrar_autenticacao}
                                          
                                           </c:if>
                                        
                                        </label>
                                      </div>
                                    </div>


                                <div style="margin-top:10px" class="form-group">
                                    <%-- Button --%>

                                    <div class="col-sm-12 controls">
                                      <a id="btn-login" href="#" class="btn btn-success">${msgs.login_label_btn_entrar}</a>
                                   

                                    </div>
                                </div>


                                <div class="form-group">
                                    <div class="col-md-12 control">
                                        <div style="border-top: 1px solid#888; padding-top:15px; font-size:85%" >
                                          	${msgs.login_label_nao_possui_conta}
                                        <a href="#" onClick="$('#loginbox').hide(); $('#signupbox').show()">
                                            ${msgs.login_label_cadastrar_aqui}
                                        </a>
                                        </div>
                                    </div>
                                </div>   
                            
                            	<input type="hidden" name="action" value="login"/> 
                                
                                <input type="submit" id="btnEnviar" name="btnEnviar" class="campo_invisivel"/> 
                            </form>     



                        </div>                     
                    </div>  
        </div>
 
    </div>
    
</body>
</html>